/**
 * 请求用户登陆状态 没有登录的用户不能进入个人中心 点个人中心到登陆
 * 根据登陆用户获取用户的用户名，密码，性别，地址，头像 可修改    上次登录时间，总登录次数 
 * 根据用户 获取服务订单信息 = 订单关联的服务人名，服务时间，状态码
 * 根据订单号 获取 评价状态 评价人 时间 内容     没有评价的发起评价
 */
$(function(){

	// 用户提交服务结束
//	$("#tijiaofuwu").click(function(){
//		layer.msg("提交服务");
//		var i=$(this).attr("class");
//		$.post("orderstate",{'wid':i},function(data){
//			console.log("用户提交服务完成："+data);
//		})
//	})

	
    //$.ajaxSettings.async = false;
	//获取登录用户的个人信息 登录时间 头像 
	$.post("getusermsg",function(data){
		console.log("获取个人信息:"+data);
		if(data.code=="0"){
			$("#username").val(data.data[0].cuname);
			$("#myuserr").text('欢迎，'+data.data[0].cuname);
			//$("#myuserr").text(data.data[0].cuname);
			$("#sex").val(data.data[0].cusex);
			$("#addr").val(data.data[0].uadds);
			$("#logintime").text(data.data[0].ltime);
			var dayleng = data.data[0].rtime;
			
			var sqltime = dayleng.slice(0,10);
			// 获取两个时间的差
			var regtime = datedifference(sqltime,getNowFormatDate());
			
			console.log(dayleng+","+sqltime+","+regtime);
			// 赋值给报告页面
			$("#loginci").text(regtime);
			
			if(data.data[0].cuimg.indexOf("http")!=-1){
				$("#txshow,#txshow2").attr("src",data.data[0].cuimg);
			}else{
				console.log("头像格式不正确。");
			}
		}else{
			console.log("用户未登录，此处可以强制用户退出此页面。");
		}
	})
	
	function gettime(){
		// 获取当前时间
		var newDate = new Date();
		newDate.setTime(data.AddTime * 1000);
		var d = eval('new ' + str.substr(1, data.AddTime.length - 2));
		var ar_date = [d.getFullYear(), d.getMonth() + 1, d.getDate()];
		for (var i = 0; i < ar_date.length; i++) ar_date[i] = dFormat(ar_date[i]);
		return ar_date.join('-');
	}
	//获取当前时间，格式YYYY-MM-DD
    function getNowFormatDate() {
        var date = new Date();
        var seperator1 = "-";
        var year = date.getFullYear();
        var month = date.getMonth() + 1;
        var strDate = date.getDate();
        if (month >= 1 && month <= 9) {
            month = "0" + month;
        }
        if (strDate >= 0 && strDate <= 9) {
            strDate = "0" + strDate;
        }
        var currentdate = year + seperator1 + month + seperator1 + strDate;
        return currentdate;
    }
	function dFormat(i) {
		return i < 10 ? "0" + i.toString() : i; 
	}
	
	 //两个时间相差天数 兼容firefox chrome
    function datedifference(sDate1, sDate2) {    //sDate1和sDate2是2006-12-18格式  
        var dateSpan,
            tempDate,
            iDays;
        sDate1 = Date.parse(sDate1);
        sDate2 = Date.parse(sDate2);
        dateSpan = sDate2 - sDate1;
        dateSpan = Math.abs(dateSpan);
        iDays = Math.floor(dateSpan / (24 * 3600 * 1000));
        return iDays;
    }
	
	//请求待服务表
		$.post("getuserorder",{"wtype":"1",'page':"1"},function(data){
			if(data.data!=null){
				// 服务表
				new Vue({
				  el: '#fuwutable',
				  data: {
				    datas: data.data
				  }
				})
			}else{
				// 服务表
				new Vue({
				  el: '#fuwutable',
				  data: {
				    datas: data.data
				  }
				})
				$("#fuwutable").append("<div style=\"margin-top:20px;font-size:21px;color:#c5c5c5;\">没有待服务订单，可能是您的服务已全部完成了</div>");
			}
		
		})
					
//			var fwtable="";
//			if(data.data!=null){
//				for(var i=0;i<data.data.length;i++){
//					fwtable+="<div class=\"tabbbb\" >" +
//								"<div>"+data.data[i].wid+"</div>"+
//								"<div>"+data.data[i].inname+"</div>"+
//								"<div>"+data.data[i].wotime+"</div>"+
//								"<div>"+data.data[i].wrmark+"</div>"+
//								"<div><a href=\"orderstate?wid="+data.data[i].wid+"\">提交服务完成</a></div> <hr> " +
//								"</div>";
//				}
//			}else{
//				fwtable="<div style=\"margin-top:20px;\">你的服务都完成了呢，去别的地方看看吧！</div>";
//			}
//			console.log(fwtable);
//			$("#fuwutable").append(fwtable);
//	
		
		//请求待评价表
		$.post("getuserorder",{"wtype":"3",'page':"1"},function(data){
			console.log("请求待评价表完成："+data);
			if(data.data!=null){
				new Vue({
					  el: '#pingjiatable',
					  data: {
					    datas: data.data
					  }
					})
			}else{
				// 服务表
				new Vue({
					  el: '#pingjiatable',
					  data: {
					    datas: data.data
					  }
					})
				$("#pingjiatable").append("<div style=\"margin-top:20px;font-size:21px;color:#c5c5c5;\">没有待评价订单，可能是您的服务评价已全部完成了</div>");
			}
		})
		
		var msgsize="";
		//查询用户评价
		$.post("assess",{'page':$(".msgpagenow").text()},function(data){
			console.log("查询用户评价完成："+data);
			new Vue({
				el:'#pingjiapage',
				data:{
					datas: data.data
				}
			})
			msgsize=Math.ceil(data.data.length/8);
		})

	
	// 服务人员排行表
	$.post("querySingle",function(data){
		console.log("查询服务人员排行："+data);
		if(data.code=="0"){
			for(var i=0;i<6;i++){
				var timg=data.data[i].inimg;
				$(".ph-content-1-2").html("<img src='"+timg+"' height=57 style=\"padding: 3px 0px;\" />").attr("class","ph-content-2-2");
				$(".ph-content-1-3").text(data.data[i].jcname).attr("class","ph-content-2-3");
			}
		}
	})
		
	//$.ajaxSettings.async = true;
	//修改个人信息
	$("#upduser").click(function(){
		
		if($("#username").val()!=null && $("#password").val()==$("#password2").val()  && $("#password").val()!=null  && $("#password").val()!="" ){
			var b = new Base64();  
		    var str = b.encode($("#password").val());
		    $("#password").val(str);
			$.post("updUser",$("#upduserr").serialize(),function(data){
				console.log("修改个人信息："+data);
				if(data.state=="success"){
					layer.msg("修改成功！");
					$("#myuserr").text('欢迎，'+$("#username").val());
				}else{
					layer.msg("修改失败，稍后重试！");
				}
			})
		}else{
			layer.msg("输入为空或者两次输入输入不同，不能更改");
		}
		
	})	
	
	// 上传文件接口
	layui.use('upload', function(){
		  var upload = layui.upload;
		  //执行实例
		  var uploadInst = upload.render({
		    elem: '#test' //绑定元素
		    ,url: 'upload' //上传接口
		    ,accept: 'images'
		    ,acceptMime: 'image/jpg, image/png, image/jpeg'
		    ,done: function(res){
		    	if(res.state=="success"){
			    	$("#picisok").text("上传成功，3秒后刷新...").css("display","block");
			    	setTimeout('location.href="personal"',3000);
		    	}else{
		    		$("#picisok").text(res.state+"，3秒后刷新...").css("display","block");
		    		setTimeout('location.href="personal"',3000);
		    	}
		    }
		    ,error: function(){
		      //请求异常回调
		    	$("#picisok").text("接口错误！").css("display","block");
		    }
		  });
		});
	//获取登录用户的订单表信息
		$.post("getuserorder",{'page':$(".orderpagenow").text()},function(data){
			console.log("获取订单列表:"+data);
			if(data.code=="0"){
				// 订单表
				if(data.data!=null){
					new Vue({
					  el: '#ordertable',
					  data: {
					    datas: data.data
					  }
					})
				}else{
					new Vue({
					  el: '#ordertable',
					  data: {
					    datas: data.data
					  }
					})
					$("#dingdantable").append("<div style=\"margin-top:20px;font-size:21px;color:#c5c5c5;\">您还没有在<span style=\"color:red;margin: 0 5px;\">家事无忧</span>下过订单呢，快去<a href=\"index.html\">首页</a>看看吧！</div>");
				}
				
				for(var i=0;i<data.data.length;i++){
					if($("#ddstate").text()=="1"){
						$("#ddstate").text("已预约").attr("id","null");
					}else if($("#ddstate").text()=="2"){
						$("#ddstate").text("已上门服务").attr("id","null");
					}else if($("#ddstate").text()=="3"){
						$("#ddstate").text("已服务完成").attr("id","null");
					}else if($("#ddstate").text()=="4"){
						$("#ddstate").text("服务评价完成").attr("id","null");
					}
				}
				
			}
		})
		
		
	$("#head a").mouseover(function(){
		$(this).attr("id","addwe");
	})
	$("#head a").mouseout(function(){
		$(this).attr("id","");
	})

	$("#head a").bind("click",function(){
		layer.tips("加入我们：805658308",'#addwe',{tips: [1, '#3595CC'],time: 3000});
	})



//	
//	//获取登录用户的订单表留言信息
//	$.post("getorderandword",function(data){
//		console.log("getorderandword:"+data);
//		if(data.state=="success"){
//			
//		}
//	})

//		
//		var movex; 
//		var movey;                     //用来接受鼠标位置的全局变量
//		function mousemove(e)
//		{
//		       e=e  || window.event;
//		       if(e.pageX || e.pageY)
//		       {
//		                movex=e.pageX;
//		                movey=e.pageY 
//		       }             
//		}    
//
//		document.onmousemove=mousemove;
//		
//		function getMousePos(event) {
//			var e = event || window.event; var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
//			var scrollY = document.documentElement.scrollTop || document.body.scrollTop; var x = e.pageX || e.clientX + scrollX;
//			var y = e.pageY || e.clientY + scrollY;
//			
//			return { 'x': x, 'y': y }; 
//		}
		// 用来取页码
		var pagesize="";
		$.post("getuserorder",function(data){
    			console.log("获取订单列表:"+data);
    			if(data.code=="0"){
    				$("#ddsize").text("("+data.data.length+")");
    				var fwsize=0;
    				var pjsize=0;
    				for(var i=0;i<data.data.length;i++){
    					if(data.data[i].wtype=="1"){
    						fwsize++;
    					}
    					if(data.data[i].wtype=="3"){
    						pjsize++;
    					}
    				}
    				$("#pjsize").text("("+pjsize+")");
    				$("#fwsize").text("("+fwsize+")");
    				$("#loginmoney").text(data.data.length);
					pagesize=Math.ceil(data.data.length/8);
    			}
		})
		
		
		
    	$(".orderbefore").click(function(){
    		var pagenum = Number($(".orderpagenow").text())-1;
    		if(pagenum>0){
        		$(".orderpagenow").text(pagenum);
        		$.post("getuserorder",{'page':$(".orderpagenow").text()},function(data){
        			console.log("获取订单列表:"+data);
        			if(data.code=="0"){
        				$("#ddtt").html("<div class=\"tabbbb\" v-for=\"data in datas\" v-cloak>"+
    						      "<div :title=\"data.wid\">{{data.wid}}</div>"+
    						      "<div :title=\"data.inname\">{{data.inname}}</div>"+
    						      "<div :title=\"data.wotime\">{{data.wotime}}</div>"+
    						      "<div :title=\"data.wrmark\" style=\"overflow: hidden;\">{{data.wrmark}}</div>"+
    						      "<div id=\"ddstate\" style=\"color:red;\">{{data.wtype}}</div>"+
    						      "<hr>"+
    						    "</div>");
        				// 订单表
    					new Vue({
    					  el: '#ordertable',
    					  data: {
    					    datas: data.data
    					  }
    					})
    					
    					for(var i=0;i<data.data.length;i++){
    						if($("#ddstate").text()=="1"){
    							$("#ddstate").text("已预约").attr("id","null");
    						}else if($("#ddstate").text()=="2"){
    							$("#ddstate").text("已上门服务").attr("id","null");
    						}else if($("#ddstate").text()=="3"){
    							$("#ddstate").text("已服务完成").attr("id","null");
    						}else if($("#ddstate").text()=="4"){
    							$("#ddstate").text("服务评价完成").attr("id","null");
    						}
    					}
        			}
        		})
    		}else{
    			layer.msg("已经到头了！这是首页。")
    		}
    	})
    	
    	$(".orderafter").click(function(){
    		var pagenum = Number($(".orderpagenow").text())+1;
    		if(pagenum<=pagesize){
        		$(".orderpagenow").text(pagenum);
        		$.post("getuserorder",{'page':$(".orderpagenow").text()},function(data){
        			console.log("获取订单列表:"+data);
        			if(data.code=="0"){
        				$("#ddtt").html("<div class=\"tabbbb\" v-for=\"data in datas\" v-cloak>"+
    							      "<div :title=\"data.wid\">{{data.wid}}</div>"+
    							      "<div :title=\"data.inname\">{{data.inname}}</div>"+
    							      "<div :title=\"data.wotime\">{{data.wotime}}</div>"+
    							      "<div :title=\"data.wrmark\" style=\"overflow: hidden;\">{{data.wrmark}}</div>"+
    							      "<div id=\"ddstate\" style=\"color:red;\">{{data.wtype}}</div>"+
    							      "<hr>"+
    							    "</div>");
        				// 订单表
    					new Vue({
    					  el: '#ordertable',
    					  data: {
    					    datas: data.data
    					  }
    					})
    					
    					for(var i=0;i<data.data.length;i++){
    						if($("#ddstate").text()=="1"){
    							$("#ddstate").text("已预约").attr("id","null");
    						}else if($("#ddstate").text()=="2"){
    							$("#ddstate").text("已上门服务").attr("id","null");
    						}else if($("#ddstate").text()=="3"){
    							$("#ddstate").text("已服务完成").attr("id","null");
    						}else if($("#ddstate").text()=="4"){
    							$("#ddstate").text("服务评价完成").attr("id","null");
    						}
    					}
        			}
        		})
    		}else{
    			layer.msg("已经到最后一页了！")
    		}

    	})
    	
	//留言
	$(".msgbefore").click(function(){
		var msgnum = Number($(".msgpagenow").text())-1;msgsize
		if(msgnum>0){
			$(".msgpagenow").text(msgnum);
			$.post("assess",{'page':$(".msgpagenow").text()},function(data){
				console.log("查询用户评价完成："+data);
				$("#pjtt").html("<div class=\"tabbbbb\" v-for=\"data in datas\" v-cloak>"+
					      "<div :title=\"data.evgr\">{{data.evgr}}</div>"+
					      "<div :title=\"data.inname\">{{data.inname}}</div>"+
					      "<div :title=\"data.evtime\" style=\"width:150px;\">{{data.evtime}}</div>"+
					      "<div :title=\"data.evgr\">{{data.evgr}}</div>"+
					      "<div style=\"width:300px;\" :title=\"data.evtext\">{{data.evtext}}</div>"+
					      "<hr>"+
					    "</div>");
				new Vue({
					el:'#pingjiapage',
					data:{
						datas: data.data
					}
				})
			})
		}else{
			layer.msg("已经到首页了！")
		}
		
	})
	
	$(".msgafter").click(function(){
		var msgnum = Number($(".msgpagenow").text())+1;
		if(msgnum<=msgsize){
			$(".msgpagenow").text(msgnum);
			$.post("assess",{'page':$(".msgpagenow").text()},function(data){
				console.log("查询用户评价完成："+data);
				$("#pjtt").html("<div class=\"tabbbbb\" v-for=\"data in datas\" v-cloak>"+
					      "<div :title=\"data.evgr\">{{data.evgr}}</div>"+
					      "<div :title=\"data.inname\">{{data.inname}}</div>"+
					      "<div :title=\"data.evtime\" style=\"width:150px;\">{{data.evtime}}</div>"+
					      "<div :title=\"data.evgr\">{{data.evgr}}</div>"+
					      "<div style=\"width:300px;\" :title=\"data.evtext\">{{data.evtext}}</div>"+
					      "<hr>"+
					    "</div>");
				new Vue({
					el:'#pingjiapage',
					data:{
						datas: data.data
					}
				})
			})
		}else{
			layer.msg("尾页！")
		}
		
	})
   
})